<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>属性选择器</title>
    <style>
        /* 属性选择器；第一种写法:选择拥有title标签的属性 */
        /*p[title] {
          color: red;
        }*/
        /* 选中title="cty01"的标签 */
        /*p[title="cty01"] {
          color: green;
        }*/
        /* 选中title以c开头的属性 */
        /*p[title^="c"] {
            color: green;
        }*/
        /* 选中以1结尾的title属性 */
        /*p[title$="1"] {
          color: green;
        }*/
        /* 选择包含y字母的title属性 */
        p[title*="y"] {
          color: red;
        }
    </style>
</head>
<body>
  <p title="cty01">大帅哥1</p>
  <p title="cty02">大帅哥2</p>
  <p title="ty01">大帅哥3</p>
  <p title="ty02">大帅哥4</p>
</body>
</html>